import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import router from '@/router'
let cancelArr = []

export function cancelAll() {
  // 暴露一个cancelToken方法
  cancelArr = cancelArr.filter((item) => {
    item.fn()
    return false
  })
}
const _axios = axios.create({
  baseURL: process.env.VUE_APP_BASE_API
})

_axios.interceptors.request.use(
  (config) => {
    cancelArr = cancelArr.filter((item) => {
      // 下一次调用时把上一次同一接口请求取消 并删除
      // 进行筛选
      if (item.url === config.url && item.method === config.method) {
        item.fn()
        return false
      }
      return true
    })
    // 使用cancelToken方法 生成一个cancelToken实例对象
    config.cancelToken = new axios.CancelToken((cancelFn) => {
      // 在请求拦截加入存储当前请求的取消方法
      cancelArr.push({
        // cancel中添加一个对象
        url: 'config.url',
        method: 'config.method',
        fn: cancelFn
      })
    })

    config.headers.Authorization = `Bearer ${store.state.user.token}`
    return config
  },
  (error) => {
    return Promise.reject(error)
  }
)

_axios.interceptors.response.use(
  (res) => {
    if (res.data.success) {
      return res.data
    } else {
      Message.error(res.data.Message)
      return Promise.reject(res.data.Message)
    }
  },
  (error) => {
    console.dir(error)
    if (error.response.status === 401) {
      store.commit('user/logout')
      router.push('/login?redirect=' + window.location.href.split('#')[1])
      Message.error('登录失效')
    }
    return Promise.reject(error)
  }
)

export default _axios
